<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>login</title>
		
		<link type="text/css" href="jquery/css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="Stylesheet" />	
		<script type="text/javascript" src="jquery/jquery-1.4.2.min.js.nocompile"></script>
		<script type="text/javascript" src="jquery/js/jquery-ui-1.8.2.custom.min.js"></script>
		<script type="text/javascript" src="jquery/ownfunctions.js"></script>
		
		<script type="text/javascript">
			$(document).ready(
				function() {
					$("#login-form").position({
						my: "center center",
						at: "center center",
						of: "#panel-body",
						offset: "0"
					});
					$("#login-button").button();
				}
			);
		</script>
	</head>
	<body>
		<div id="panel" class="ui-widget" style="padding:10px; width:400px; margin:auto">
			<div class="ui-widget-header ui-corner-tl" style="text-align: center">
				login
			</div>
			<div id="panel-body" class="ui-widget-content ui-corner-br" style="padding: 20px; text-align:center">
				<div id="login-form" style="width:250px">
					<div style="margin-bottom:20px">
						user: <input type="text"/>
					</div>
					<div style="margin-bottom:10px">
						pass: <input type="password"/>
					</div>
					<div style="text-align:right">
						<div id="login-button">
							login
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
